<!doctype html>
<html>

<head>
  <style>
    body {
      margin: 0;
      background: rgba(0, 0, 0, .7);
      backdrop-filter: blur(12px);
    }

    img {
      width: 100px;
      height: 100px;
      object-fit: contain;
    }
  </style>
</head>

<body>
  <img id="pic">
  <script>
    //params返回：如 "?img=cat.jpg&size=200" Map { "img" => "cat.jpg", "size" => "200" }
    const params = new URLSearchParams(location.search);
    // 从 URL 参数中获取 img 值
    // 并将其设置为图片元素的 src 属性
    //pic 元素的 src 属性设置为 URL 参数中的 img 值 cat.jpg
    document.getElementById('pic').src = params.get('img');
  </script>
</body>

</html>